@import "../../colorui/main.wxss";
@import "../../colorui/icon.wxss";
@import "../../colorui/animation.wxss";

/* 页面顶部 */
.nav {
    height: 200rpx;
    background-color: skyblue;
    padding-top: 10rpx;
    position: sticky;
    z-index: 99;

    //  上面部分
    .top {
        width: 100%;
        height: 100rpx;

        .item {
            height: 100%;
            position: relative;
        }

        // 分割线
        .split {
            height: 50rpx;
            border-right: 1px solid #999;
            position: absolute;
            right: 0;
            bottom: 10rpx;
        }

        // 花销总计的小数位
        .price-float {
            font-size: 30rpx;
        }

    }

    // 下面部分
    .bottom {
        width: 90%;
        height: 120rpx;
        border: 1px solid #ccc;
        border-radius: 20rpx;
        position: absolute;
        bottom: -30rpx;
        left: 50%;
        background-color: white;
        transform: translateX(-50%);

        .cu-item {
            width: 25%;
            height: 100%;
            line-height: 120rpx;

            .icon {
                font-size: 60rpx;
            }
        }
    }
}

// 页面中间部分
.content {

    // 中间部分的每个小标题
    .title {
        width: 100%;
        height: 40rpx;
        line-height: 40rpx;
        .left {
            float: left;
        }
        .right {
            float: right;
            margin-right: 20rpx;
        }
    }
    
}